<template>
  <div>
    <ul>
      <li @mousemove="handleMove" v-for="(item, index) in list" :key="`list_item_${index}`">
        <!--<span v-if="!render">{{ item.number }}</span>-->
        <!--<render-dom v-else :render-func="render" :number="item.number"></render-dom>-->
        <slot :number="item.number"></slot>
      </li>
    </ul>
  </div>
</template>

<script>
import RenderDom from '_c/render-dom'
export default {
  name: 'list',
  components: {
    RenderDom
  },
  props: {
    list: {
      type: Array,
      default: () => []
    },
    render: {
      type: Function,
      default: () => {}
    }
  },
  methods: {
    handleMove (event) {
      event.preventDefault()
    }
  }
}
</script>
